<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>Home</title>
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" href="css/swiper.min.css" />
		<link rel="stylesheet" href="css/index.css" />
	</head>
	<body>
		<div class="top-wrap">
			<div class="top w1700 flex flex-align-center flex-pack-justify">
				<div class="flex flex-align-center "><a href="" class="logo"><img src="img/logox.png" alt="" /></a>
					<img src="img/logo1.png" class="title" />
				</div>
				<div class="flex flex-align-center">
					<a href="" class="join">
						<img src="img/join.png" alt="" srcset="" />
					</a>
					<a href="login.html" class="login">
						<img src="img/login.png" alt="" srcset="" />
					</a>
					<a href="javascript:;" class="search">
						<img src="img/search.png" alt="" srcset="" />
					</a>
				</div>
			</div>
			<header class="header">
				<div class="navigation w1700">
					<ul>
						<li class="active">
							<a href="index.html" class="nav">Home</a>
						</li>
						<li>
							<a href="about.html" class="nav">About Us</a>
							<ol>
								<li>
									<a href="about.html">Missions</a>
								</li>
								<li>
									<a href="about2.html">Committee</a>
								</li>

							</ol>
						</li>
						<li>
							<a href="publications.html" class="nav">What we do</a>
							<ol>
								<li>
									<a href="publications.html">Publications</a>
								</li>
								<li>
									<a href="conference.html">Conferences</a>
								</li>
								<li>
									<a href="award.html">Awards</a>
								</li>
								<li>
									<a href="proceedings.html">Proceedings</a>
								</li>
								<li>
									<a href="summer.html">Summer School</a>
								</li>
							</ol>
						</li>
						<li>
							<a href="news.html" class="nav">News</a>
						</li>
						<li>
							<a href="membership.html" class="nav">Membership</a>
							<ol>
								<li>
									<a href="membership.html">Members</a>
								</li>
								<li>
									<a href="application.html">Application</a>
								</li>
							</ol>
						</li>
					</ul>

				</div>
			</header>
			<div class="search_fixed">
				<div class="wrap1 hid">
					<input type="text" placeholder="搜索" id="topSearchVal" class="fl">
					<div class="search_close fr"></div>
				</div>
			</div>
		</div>

		<section class="banner">
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<img src="img/banner.png" class="img" />
						<div class="slide-text">
							<div class="inner">
								<div class="title"><span>ICEEE</span>
									<span>2024</span>
								</div>
								<div class="subhead">
									<a href="https://iceee.info/" class="ani">The International Conference on Energy,
										Ecology
										and Environment</a>
								</div>
								<div class="descript">
									Aug 26-29,2024
								</div>

							</div>
							<div class="addr">
								<img src="img/addr.png" />
								<span>Rome,Italy</span>
							</div>
						</div>
					</div>


				</div>
				<div class="swiper-pagination"></div>
				<div class="swiper-button-prev"></div>
				<div class="swiper-button-next"></div>
			</div>
		</section>
		<section class="introduce">
			<div class="w1700 flex flex-align-center">
				<div class="imgbox">
					<img src="img/introduce.png" />
				</div>
				<div class="flex-1">
					The International Society of Energy and Environmental Science (ISEES) is an independent,
					non-profit, global membership organization for business, government, academic and other
					professionals concerned with energy and environment science and related issues in the international
					community…
					<a href="about.html" class="more">Read more</a>
				</div>
			</div>
		</section>
		<section class="news ">
			<div class="part-title">News</div>
			<div class="w1700">
				<div class="swiper-container ">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<div class="news-list flex flex-wrap">
								<a href="newsdetails.html" class="news-item flex ">
									<div class="flex-1 flex flex-v flex-pack-justify">
										<div class="title">Conducted events</div>
										<div class="subtitle ellipsis3">Texas wildfire ranks among larg
											estin U.S. history</div>
										<div class="time">08/06/2023</div>
									</div>
									<div class="imgbox"
										style="background: url(img/demo/news1.png) no-repeat center center;background-size: contain;">
										<!-- <img  src="img/demo/news1.png" alt="" srcset="" /> -->
									</div>
								</a>
								<a href="newsdetails2.html" class="news-item flex ">
									<div class="flex-1 flex flex-v flex-pack-justify">
										<div class="title">Conducted events</div>
										<div class="subtitle ellipsis3">The first Journal Impact Factor of Energy,
											Ecology and Environment is issued</div>
										<div class="time">28/06/2023</div>
									</div>
									<div class="imgbox"
										style="background: url(img/demo/news2.png) no-repeat center center;background-size: contain;">
										<!-- <img src="img/demo/news2.png" alt="" srcset="" /> -->
									</div>
								</a><a href="newsdetails3.html" class="news-item flex ">
									<div class="flex-1 flex flex-v flex-pack-justify">
										<div class="title">call for participation</div>
										<div class="subtitle ellipsis3">Open for application: Join the E3 Team as a
											Youth Journal Editor</div>
										<div class="time">01/01/2023</div>
									</div>
									<div class="imgbox"
										style="background: url(img/demo/news3.png) no-repeat center center;background-size: contain;">
										<!-- <img src="img/demo/news3.png" alt="" srcset="" /> -->
									</div>
								</a><a href="newsdetails4.html" class="news-item flex ">
									<div class="flex-1 flex flex-v flex-pack-justify">
										<div class="title">Upcoming events</div>
										<div class="subtitle ellipsis3">A science talk from Zi Wu (editor of E3 journal)
											titled "Transport of active and passive particles across scales" </div>
										<div class="time">18/02/2024</div>
									</div>
									<div class="imgbox"
										style="background: url(img/demo/news4.png) no-repeat center center;background-size: contain;">
										<!-- <img src="img/demo/news4.png" alt="" srcset="" /> -->
									</div>
								</a>
							</div>
						</div>
					</div>
					<div class="swiper-button-prev"></div>
					<div class="swiper-button-next"></div>
				</div>
			</div>
		</section>
		<section class="nav-footer">
			<ul class="flex flex-align-center w1700">
				<li>
					<a href="membership.html">
						<div class="imgbox icon1"></div>
						<div>Members</div>
					</a>
				</li>
				<li>
					<a href="award.html">
						<div class="imgbox icon2"></div>
						<div>Awards</div>
					</a>
				</li>
				<li>
					<a href="conference.html">
						<div class="imgbox icon3"></div>
						<div>Conferences</div>
					</a>
				</li>
				<li>
					<a href="publications.html">
						<div class="imgbox icon4"></div>
						<div>Publications</div>
					</a>
				</li>
				<li>
					<a href="summer.html">
						<div class="imgbox icon5"></div>
						<div>Training</div>
					</a>
				</li>
			</ul>
		</section>
		<footer>
			<div class="w1700">
				<div class="copyright">Copyright © 2024 International Society of Energy and Environmental Science</div>
				<div class="email flex flex-align-center flex-pack-center">
					<img src="img/email.png" alt="" srcset="" />
					<span class="title">E-Mail</span>
					<span>energyecolenviron@163.com</span>
				</div>
				<div class="contact flex flex-align-center">
					<a href="https://www.facebook.com/groups/1634455563554703"><img class="factbook"
							src="img/factbook.png" alt="" srcset="" /></a>
					<a href="https://twitter.com/i/flow/login?redirect_after_login=%2FChenbinbnu"><img class="twitter"
							src="img/twitter.png" alt="" srcset="" /></a>
					<a href="https://www.linkedin.com/company/101918110/admin/feed/posts/?feedType=following"><img
							class="in" src="img/in.png" alt="" srcset="" /></a>
				</div>
			</div>
		</footer>
	</body>
</html>
<script src="js/jquery-2.1.1.min.js"></script>
<script src="js/main.js"></script>
<script src="js/swiper.min.js"></script>
<script>
	// 轮播图
	var mySwiper = new Swiper('.banner .swiper-container', {
		autoplay: {
			delay: 500000,
			disableOnInteraction: false
		},
		loop: true,
		pagination: {
			el: '.banner .swiper-pagination',
			clickable: true,
		},
		navigation: {
			nextEl: '.banner .swiper-button-next',
			prevEl: '.banner .swiper-button-prev',
		},

	});
	//新闻
	new Swiper('.news .swiper-container', {
		autoplay: {
			delay: 500000,
			disableOnInteraction: false
		},
		loop: true,
		navigation: {
			nextEl: '.news .swiper-button-next',
			prevEl: '.news .swiper-button-prev',
		},

	});
</script>